<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title>Widget Visual Test - Nice Websites</title>
  <meta name="author" content="">
  <meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />
  <meta http-equiv="Content-Language" content="english">
  <meta http-equiv="reply-to" content="alansmlee@gmail.com">
  <meta name="Rating" content="General" />
  <meta name="revisit-after" content="30 Days" />
  <meta name="keywords" content="webmaster,hobby webmaster,hobbywebmaster,demo,test,css,html,website,web authoring,web,web page,template" />
  <meta name="description" content="Widget Visual Test" />
  <meta name="distribution" content="global" />
  <meta name="resource-type" content="document" />
	<meta http-equiv="Content-Language" content="en-us" />
  <meta name="robots" content="all" />
  <meta name="mssmarttagspreventparsing" content="true" />
  <meta http-equiv="imagetoolbar" content="no" />
  <meta http-equiv="MSThemeCompatible" content="no" />
  <meta name="doc-class" content="Living Document" />
  <link href="typography.css" rel="stylesheet" type="text/css" />
  <link rel="SHORTCUT ICON" href="favicon.ico" type="image/x-icon" />
	<link type="text/css" rel="stylesheet" href="../../common/css/main.css"/>
  <style type="text/css">
  </style>
	<!-- compliance patch for microsoft browsers -->
	<!--[if lt IE 7]>
		<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript" ></script>
		<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/ie7-squish.js" type="text/javascript" ></script>
	<![endif]-->
</head>

<body>
  <!-- START header -->
  <div id="header">
    <div id="logo">
      <div id="slogan">Your slogan here</div>
      <div id="siteaddress">www.your.site.com</div>
      <div id="nav">
        <ul class="hmenu color-rainbow theme-transparent">
          <li><a href="../home/home.html">Home</a></li>
          <li><a href="../grasshopper/grasshopper.xml">Grasshopper</a></li>
          <li><a href="../taxidermy/taxdermy.html">Taxidermy</a></li>
          <li><a href="../photoalbum/photoalbum.html">Photo Album</a></li>
          <li><a href="#" class="current">Web Tips</a></li>
          <li><a href="../TBD/tbd.html">don't look</a></li>
        </ul>
      </div><!-- end nav -->
    </div><!-- end logo -->
  </div><!-- END header -->

  <!-- START body-container -->
  <div id="body-container">
    <!-- START left-panel -->
    <div id="left-panel">
      <dl id="vmenu">
        <dt><a href="../home/home.html"><span>Home</span></a></dt>
        <dt><a href="../webSafeColor/webSafeColor.html"><span>Web Safe Colors</span></a></dt>
        <dt><a href="../niceSites/niceSites.html"><span>Nice Websites</span></a></dt>
        <dt class="current"><a href="../webtips/webtips.html"><span>Web Tips</span></a></dt>
        <dt><a href="../grasshopper/grasshopper.html"><span>Grasshopper</span></a></dt>
        <dt><a href="../taxidermy/taxidermy.html"><span>Taxidermy</span></a></dt>
      </dl>
    </div><!-- END left-panel -->

    <!-- ++++ START of YOUR right-sidebar ++++ -->
    <div id="r-sidebar">
      <!-- Testimonies -->
      <div class="testimony">
        <img width="59" src="../../common/img/who.gif" alt="who.gif"/>
        <span>Genuine testimonials add credential to your site.</span>
      </div>
    </div>
    <!-- -------- END of YOUR right-sidebar --------------->

    <!-- START main-content -->
    <div id="main-content">

      <!-- ++++ YOUR page title ++++ -->
      <div id="title">Web Tips</div>
      <!-- ++++ START of YOUR navigation within main contents ++++ -->
      <h2>Hobby Webmaster</h2>
      <p>Are you looking for information on how to make your website search engine friendly and to makes user keep coming back for more? Hobby Webmaster is your online guide to tricks and techniques you want to know.</p>
      <div class="clear"></div>

      <h3>Heading is a summary</h3>
      <p>Internet users are after quick information. Heading hints if the paragraph contans the information a user wants, so</p>
        <ul>
          <li>Use simple and meaningful words</li>
          <li>Avoid jargons. This will confuse potential visitors who are new to your area of interest.</li>
        </ul>

      <h3>Use short paragraph</h3>
      <p>Most visitors do not border to read on if it contains lines and lines of text, so</p>
        <ul>
          <li>Write short paragraph</li>
          <li>One concept per paragraph</li>
          <li>Get to the point</li>
          <li>Use graphics - a picture speaks a thousand words</li>
        </ul>

      <h3>Include meta keywords in paragraph</h3>
      <p>This will improve your search engine ranking.</p>
        <ul>
          <li>But don't make copies of keywords in meta tag. You may be black listed by the search engine.</li>
          <li>Don't put keywords in your paragraph for the sake of search engine. The wording has to be natural.</li>
        </ul>

      <h3>More tricks</h3>
      <p>I am sure you will be able to find more on the web. If you are looking for something to start with, <a href="http://www.cheapwebtricks.com/cheapwebtricks.shtml">this book</a> is a good start.</p>

      <!-- -------- END of YOUR navigation within main contents --------------->
      <!-- ++++ START of YOUR main contents ++++ -->

        <!-- Put something here -->

      <!-- -------- END of YOUR main contents --------------->

    </div><!-- END main content -->
  </div><!-- END body-container -->

  <!-- START footer -->
  <div id="footer">
    <a href="mailto:someone@somewhere.com">Contact us</a><span> | </span>
    <a href="#">Disclaimer</a><span> | </span>
    <a href="#">Privacy statement</a><span> | </span>
    <a href="#">Usage terms and conditions</a><span> | </span>
    <a href="#">Copyright &copy; 2008-2009 www.yoursite.com. All Rights Reserved.</a>
  </div><!-- END footer -->
  <!-- **************  -->
</body>

</html>